<template>
	<view class="evaluate-item">
		<view class="item-herder">
			<image src="@/static/Rectangle 109.png" mode=""></image>
			<view class="uname">
				<text>哦哇一630</text>
				<text style="font-size: 18rpx;color: #999999;">2023-07-02&nbsp; &nbsp;18:30</text>
			</view>
		</view>
		<view class="assessment">
			<text class="iconfont icon-shoucang"></text>
			<text class="iconfont icon-shoucang"></text>
			<text class="iconfont icon-shoucang"></text>
			<text>非常满意</text>
		</view>
		<view class="item-content">
			分量特别多，特别是碳烤牛肉非常好吃，下次还要来光临。不过希望能够放 少一点孜然和辣椒，其他的都棒棒的~
		</view>
		<view class="reply">
			<view>商家回复</view>
			<text>感谢您对我们的肯定，感觉自己的努力找到了新的方向，感谢亲给我们 的动力，您的意见已经接纳，欢迎下次光临。</text>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.evaluate-item{
		margin-top: 20rpx;
		border-bottom: 1px  dashed #999999;
		.item-herder{
			display: flex;
			image{
				width: 66rpx;
				height: 66rpx;
			}
			.uname{
				margin-left: 16rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				text{
					&:nth-child(1){
						font-size: 26rpx;
						font-weight: bold;
					}
				}
			}
		}
		.assessment{
			margin: 26rpx 0;
			font-size: 22rpx;
			color: #99999999;
			.icon-shoucang{
				color: #025E21;
				margin-right: 10rpx;
			}
		}
		.item-content{
			font-family: PingFang SC;
			font-size: 24rpx;
			font-weight: 400;
			line-height: 28rpx;
			letter-spacing: 0em;
			text-align: left;
		}
		.reply{
			padding: 20rpx 18rpx;
			background-color: #f2f2f2;
			color: #999999;
			font-size: 23rpx;
			border-radius: 20rpx;
			margin-top: 20rpx;
			margin-bottom: 20rpx;
			view{
				font-size: 28rpx;
			}
		}
	}
</style>